<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HiShen</title>
	<link type="text/css" rel="stylesheet" href="${script}/app/css/reset.css"><%-- 重置CSS --%>
	<link type="text/css" rel="stylesheet" href="${script}/lib/bootstarp/css/bootstrap.min.css">
	<link type="text/css" rel="stylesheet" href="${script}/app/css/layout.css">
	<%-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
    	WARNING: Respond.js doesn't work if you view the page via file:// --%>
    <!--[if lt IE 9]>
		<script src="${script}/lib/bootstarp/js/html5shiv.min.js"></script>
        <script src="${script}/lib/bootstarp/js/respond.min.js"></script>
    <![endif]-->
</head>
<body style="background-image: url('http://pic.58pic.com/58pic/11/35/84/19x58PICRZm.jpg')">
	<%--导航 --%>
	<nav class="navbar navbar-default navbar-inverse" role="navigation">
	  <div class="navbar-header">
	    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
	      <span class="sr-only">Toggle navigation</span>
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	    </button>
	    <a class="navbar-brand" href="#">Hishen</a>
	  </div>
	
	  <div class="collapse navbar-collapse" id="navbar-collapse-1">
	  	<c:forEach var="menu" items="${menus}">
		    <ul class="nav navbar-nav">
		      <li class="dropdown">
		        <a href="#" class="dropdown-toggle" data-toggle="dropdown">${menu.name}<b class="caret"></b></a>
		        <ul class="dropdown-menu">
		        	<c:forEach var="submenu" items="${menu.children}">
		          		<li><a href="${base}${submenu.url}">${submenu.name}</a></li>
		        	</c:forEach>
		        </ul>
		      </li>
		    </ul>
	  	</c:forEach>
	    <ul class="nav navbar-nav navbar-right">
	      <li class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> 超级用户 <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	          <li><a href="#"><span class="glyphicon glyphicon-edit"></span> 修改密码</a></li>
	          <li><a href="#"><span class="glyphicon glyphicon-log-out"></span> 注销</a></li>
	        </ul>
	      </li>
	    </ul>
	  </div>
	</nav>
	<%--正文 --%>
	<div id="main"></div>
	<script type="text/javascript" src="${script}/lib/jquery/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="${script}/lib/bootstarp/js/bootstrap.min.js" defer="defer" async="async"></script>
	<script type="text/javascript" src="${script}/app/publib.js"></script><%-- 公共函数库 --%>
	<script type="text/javascript">
		var hsbase = "${base}";
		var hsadmin = "${admin}";
		var hsres = "${res}";
		var hsscript = "${script}";
		var hstheme = hsscript + "/site/theme";
		<%-- 获取ie版本号 $.hs.ie(); --%>
		$.hs.change2("nav", "#main");
	</script>
</body>
</html>